<!--
*- coding = utf-8 -*-
#@Time : 2022/10/13 15:55
#@Author : CSDN 沉默小管
#@File : useClass.ts
#@web  : golangblog.blog.csdn.net
#@Software: WebStorm
-->
<template>
  <view>
      <u-loading-page :color="'gray'" :loadingColor="'gray'" :loading-text="props.loadingTitle" :bgColor="'rgb(255, 255, 255,0.7)'" :loading="true" :mode="props.loadingMode" :icon-size="props.iconSize" :font-size="props.loadingSize" />
  </view>
</template>

<script setup lang="ts">
import {onMounted, useSlots} from "vue";
import {modeType} from "@/components/loading/types";


interface propsInterface{
  isShowLoading?:boolean,
  loadingMode?:modeType,
  loadingSize?:number,
  iconSize?:number,
  loadingTitle?:string,
}
let props = withDefaults(defineProps<propsInterface>(),{
  isShowLoading:false,
  loadingMode:"spinner",
  loadingSize:30,
  iconSize:36,
  loadingTitle:"loading",
})

let loadingSlot = !!useSlots().loadingSlot

onMounted(()=>{
  console.log(3333333333);
})


</script>

<style scoped lang="less">
.svg-style:focus{
  outline: none;
}
</style>
